import React from 'react';
import styles from './index.less';
import NavLink from 'umi/navlink';
const Header = () => {
  const navList=[
    {title:'首页',link:'/'},
    {title:'沸点',link:'/boiling'},
    {title:'资讯',link:'/information'},
    {title:'课程',link:'/course'},
    {title:'活动',link:'/activity'},
    {title:'关于',link:'/about'},

  ]
  return (
    <div className={styles.header}>
      <div className={styles.logo}>
      </div>
      <ul className={styles.boxText}>
         {
          navList.map((item,index)=>(
             <li  key={index}> <NavLink to={item.link} exact activeClassName={styles.selected}>{item.title}</NavLink></li>
          ))
        }
      </ul>
      <div className={styles.seacher}></div>
      <div className={styles.contentText}></div>
      <div className={styles.logobtn}><span></span></div>
    </div>
  );
};

export default Header;
